
.top-title-bg {
	width: 100%;
	padding: 5px 0;
	background: #F3F3F3;
}

.top-title {
	display: flex;
}

.top-title-l {
	flex: 5;
}

.top-title-r {
	flex: 1;
}

.top-title-r-l {
	margin-right: 15px;
}


/*tab*/

.top-tab {
	padding: 5px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-tab-list {
	margin-left: 30px;
}

.top-tab-list li a {
	color: #444444;
	font-size: 16px;
	padding: 0 15px;
}

.top-tab-list>li.active>a,
.top-tab-list>li.active>a:focus,
.top-tab-list>li.active>a:hover,
.top-tab-list>li>a:hover {
	color: #ff6361 !important;
	background: #FFFFFF !important;
}

.tab-search {
	position: relative;
}

.tab-input {
	border-radius: 15px;
}

.search-icon {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 4px;
	right: 5px;
	width: 25px;
	height: 25px;
	background-color: #D3D3D3;
	border-radius: 50%;
	line-height: 25px;
}
